<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--location对象能够操作浏览器的地址栏-->
<button onclick="location.href='page.html'">前进</button>
</body>
<script>
    /*
        window对象下包含各种对象，能够通过这些对象操作浏览器中各个部分，
        如： console对象，能够操作浏览器的控制台；
        history 浏览器的历史记录，可以通过其操作浏览器页面的前进或后退；
        navigator 导航栏，通过导航栏对象能够操作浏览器的导航栏内容，
        其中可以调用geolocation浏览器的定位功能，获取到当前地区的经纬度信息；
        localStorage 本地存储器，它能够支持将你当前网站中的数据持久化存储到浏览器中
        sessionStorage 会话存储器，在浏览器打开页面到关闭该网站页面的过程称之为一个浏览器会话，
        会话存储器就是指在一个会话中，能够将数据持久化存储到浏览器的存储器，如果会话销毁那么会话存储器
        中存储的数据也会销毁
     */
    console.error("这是一条报错消息")
    navigator.geolocation
        // getCurrentPosition()方法能够获取到当前的地理位置
        .getCurrentPosition(
            // 成功获取地址坐标时调用的方法，能够将获取到的地址信息通过方法的参数列表传给该方法
            (position) => {
                console.log("当前的经纬度坐标如下：", position.coords.longitude,
                    position.coords.latitude)
            });
</script>
</html>